<template>
  <div class="hello">
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
    <div></div>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue'

export default defineComponent({
  name: 'HelloWorld',
  props: {
    msg: String
  }
})
</script>
<style scoped>
h3 {
  margin: 40px 0 0;
}
ul {
  list-style-type: none;
  padding: 0;
}
li {
  display: inline-block;
  margin: 0 10px;
}
a {
  color: #42b983;
}
.hello div{
  height: 100px;
}
  .hello div:nth-child(1){
     background: url("./../assets/images/home/top-bg.png");
  }
.hello div:nth-child(2){
  background: url("./../assets/images/home/normal-bg.png");
}
.hello div:nth-child(3){
  background: url("./../assets/images/bg.png");
}
.hello div:nth-child(4){
  background: url("./../assets/images/failurePrediction/bg1.png");
}
.hello div:nth-child(5){
  background: url("./../assets/images/menu/sjfx-active.png");
}
.hello div:nth-child(6){
  background: url("./../assets/images/menu-bg.png");
}
.hello div:nth-child(7){
  background: url("./../assets/images/head.png");
}
.hello div:nth-child(8){
  background: url("./../assets/images/menu/zl-active.png");
}
.hello div:nth-child(9){
  background: url("./../assets/images/home/warning-bg.png");
}
.hello div:nth-child(10){
  background: url("./../assets/images/home/icon1.png");
}
</style>
